<!DOCTYPE html>
<html lang="en">

<head>
    <title>My BCIT Project</title>
    <meta name="comp2800 template" content="My 2800 App">


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="./scripts/checklogin.js"></script>

    <link href="styles/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
    <script src="scripts/bootstrap.js" crossorigin="anonymous"></script>

    <script src="./scripts/jquery.min.js"></script>


</head>

<body>



    <nav id="navbarPlaceholder"></nav>


    <div class="container py-4">
        <h1 id="postTitle">Post your calorie intake</h1>
        <form>
            <div class="py-4">
                <label for="calorieInput">Calories</label>
                <input type="number" class="form-control" id="calorieInput" placeholder="Enter calories">
            </div>
            <div class="form-group">
                <label>Description</label>
                <textarea id="detailsText" rows="3" cols="40"></textarea>
            </div>
            <div class="container py-3">
                <input type="file" id="mypicInput" accept="image/*" />
                <img id="mypic-goes-here" width=100 height=100 />
            </div>
            <input type="hidden" id="editID" />
            <div class="d-flex mt-5">
                <button id="postButton" type="button" class="btn btn-success" onclick="savePost()">Post Now</button>
            </div>
        </form>
    </div>



    <nav id="footerPlaceholder"></nav>

    <script src="./scripts/skeleton.js"></script>
    <script src="./scripts/post.js"></script>

</body>

</html>